<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> 测试2 </title>
   <meta charset="UTF-8"/>
  <script type='text/javascript' src='jquery/jquery-1.11.1.min.js'></script>
  <script type='text/javascript'>
  	$(function(){
		$('button').click(function(){
						
		//$(this).width('400px');自己设置高度值，height
			
		//console.log($(this).width());//获取高度值,可设置
			
		//console.log($(this).offset().top); //返回的是对象的值object
			
		//alert($("body").scrollLeft());//获取滚动条值	
			
		//$('body').scrollLeft(2500);//滚动条向左
		//$('body').scrollTop(2000);//滚动条向右
			
		//console.log($(this).css('color'));//获取css（‘？’）样式值,rgb颜色计量值可设置
			
		//$(this).css({'color':'yellow','font-size':'400px'});//简化css样式设置，用JSON传递对象
		
		//$(this).css('color','red').css('font-size','200px');//设置样式属性
			
		//$(this).toggleClass("t");//有就移除样式，没有就添加样式
			
		//$(this).removeClass("t");//移除按钮样式
		
		//$(this).addClass("t")//添加按钮样式
		
		});
		
	})
 </script>
 <style type="text/css">
 	/*body{width:5000px;height:4000px}*/
	/*button{position:fixed;top:200px;left:200px}固定按钮*/
 .t{color:rgb(150,150,150);}
 </style>
 </head>
 <body>
 	<hr />
 hello wolrd<button calss="t">按钮</button>

</body>
</html>
	